<template>
  {{bookList}}
  <el-table :data="bookList" style="width: 100%">
    <el-table-column prop="date" label="Date" width="180" />
    <el-table-column prop="name" label="Name" width="180" />
    <el-table-column prop="address" label="Address" />
  </el-table>
</template>

<script>
import request from "@/request/request";
import qs from "qs";
export default {
  name: "BookListView",

  data(){
    return {
      bookList: [],
      searchForm: {
          id: "",
          shop_id: "1",
      }
    }
  },
  methods:{
    //加载订单列表
    loadBookList(){
      request({
        method:"get",
        url:"book-service/book?"+qs.stringify(this.searchForm),
      }).then((respData)=>{
        this.bookList = respData.data;
        console.log(this.bookList);
      })
    },
  },
  created() {
    this.loadBookList();
  }

}
</script>

<style scoped>

</style>